// 放入函数
$(function(){
    //需求1:渲染用户信息
    initUserInfo()

    //需求2:退出登录
    $('#logout').on('click',function(){
        //弹出询问框
        layer.confirm('确认退出吗?',{icon:3,title:'提示'},function(index){
            //do something
            //销毁token,跳转到登录页
            localStorage.removeItem('token') //*localStorage.removeItem
            location.href = '/login.html'
            //自带的代码,关闭询问框
            layer.close(index)
        })
    })

})



//封装一个方法,渲染用户信息
//注意:把方法设置为全局函数,方便后面使用 
function initUserInfo(){  //*
    axios({
        method:'GET',
        url:'/my/userinfo',
        //通过请求头设置token身份认证
        //这个在common.js中有写到全局样式中,所以这里不用写两者二选一
        // headers:{
        //     Authorization:localStorage.getItem('token')
        // }
    }).then(res=>{
        // console.log(res);
        if(res.data.status !=0){
            return layer.msg('获取用户基本信息失败')
        }
        //渲染用户头像
        console.log(res.data);
      renderAvatar(res.data.data) 
    })
}
//封装一个方法:渲染用户头像
function renderAvatar(user){   //*
    //渲染欢迎词-优先渲染用户昵称,没有昵称才渲染用户名
    // || 链接两个值,如果第一个值是false类型,返回第二个值,无论第二个值是什么
    // && 链接两个值,如果第一个是false类型,直接返回
    let name = user.nickname || user.username;
    // console.log(name);
    $('.welcome').html('欢迎&nbsp' + name)
    //处理头像,如果有图片头像渲染,否则渲染文字头像
    if(user.user_pic !=null){    //*
        //如果有图片头像渲染图片头像 - 隐藏文字头像,显示图片头像
        // console.log(1);
        $('.avatar-text').hide()
        $('.layui-nav-img').show().attr('src',user.user_pic)   //要解构
    }else{
        // console.log(2);
        //没有图片头像,就渲染文字头像,隐藏图片头像,显示文字头像
        $('.layui-nav-img').hide()
        //渲染name中的第一个单词字符,而且大写
        let first = name[0].toUpperCase()  //*
        $('.avatar-text').show().html(first)
    }

}